<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>product</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 最上方导航栏 -->
        <div class="nav">
            <div class="logo">
                <a class="ETH" href="../index.html">
                    <p class="ETH">ETH-Hardware</p>
                </a>
                <!-- <p class="ETH">ETH-Hardware</p> -->
            </div>
            <div class="menu_nav">
                <ul>
                    <li>
                        <a href="blog.html">BLOG</a>
                    </li>
                    <li>
                        <a href="contact.html">CONTACT</a>
                    </li>
                    <li>
                        <a href="product.html" style="background-color: #169bd5;">PRODUCT</a>
                    </li>
                    <li>
                        <a href="about.html">ABOUT</a>
                    </li>
                    <li>
                        <a href="../index.html">HOME</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 展示区域 -->
        <div align="center" class="show">
            <!-- 展示 -->
            <img class="eth1" src="../images/ETH-2.0-Beacon-Chain-Launch.jpg" alt="eth2">
        </div>
    </div>

    <div class="main">
        <hr>
        <p class="head_product">Power</p>
        <ul class="product">
            <div>

                <a href="product-list.html">
                    <li class="product_first">
                        <img class="eth2" src="../images/2U 2000W Power.jpg" alt="eth2">
                    </li>
                </a>
                <p>2U 2000W Power</p>
            </div>
            <div>
                <a href="product-list.html">
                    <li class="product">
                        <img class="eth2" src="../images/2U 2000W Power.jpg" alt="eth2">
                    </li>
                </a>
                <p>2U 2000W Power</p>
            </div>
            <div>
                <a href="product-list.html">
                    <li class="product_last">
                        <img class="eth2" src="../images/2U 2000W Power.jpg" alt="eth2">
                    </li>
                </a>
                <p class="last">2U 2000W Power</p>
            </div>
            <div>
                <a href="product-list.html">
                    <li class="product_first">
                        <img class="eth2" src="../images/2U 2000W Power.jpg" alt="eth2">
                    </li>
                </a>
                <p>2U 2000W Power</p>
            </div>
            <div>
                <a href="product-list.html">
                    <li class="product">
                        <img class="eth2" src="../images/2U 2000W Power.jpg" alt="eth2">
                    </li>
                </a>
                <p>2U 2000W Power</p>
            </div>
            <div>
                <a href="product-list.html">
                    <li class="product_last">
                        <img class="eth2" src="../images/2U 2000W Power.jpg" alt="eth2">
                    </li>
                </a>
                <p class="last">2U 2000W Power</p>
            </div>
        </ul>
    </div>

    <!-- 页脚 -->
    <div class="footer">
        <div class="bottomnav">
            <ul>
                <li class="last">
                    <a href="blog.html">BLOG</a>
                </li>
                <li>
                    <a href="contact.html">CONTACT</a>
                </li>
                <li>
                    <a href="product.html" style="color: #169bd5;">PRODUCT</a>
                </li>
                <li>
                    <a href="about.html">ABOUT</a>
                </li>
                <li>
                    <a href="../index.html">HOME</a>
                </li>
            </ul>
        </div>

        <div class="button">
            <button>BUTTON</button>
        </div>

        <div class="link">
            <ul>
                <li><a href="https://www.linkedin.com" target="blank" title="linkedin">
                        <img src="../images/linkedin.png" alt="linkedin" width="36px">
                    </a>
                </li>
                <li>
                    <a href="https://www.facebook.com" target="blank" title="facebook">
                        <img src="../images/facebook.png" alt="facebook" width="36px">
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com" target="blank" title="youtube">
                        <img src="../images/youtube.png" alt="youtube" width="36px">
                    </a>
                </li>
            </ul>
        </div>
        <div class="copyright">
            <p class="copyright">
                Copyright @2021 All rights reserved | This template is made by Mr White
            </p>
        </div>
</body>

</html>